/*第一件事：1.通配选择器 2.css编码集*/
@charset "utf8";
/*效果：所有的div画圆 300*300 文本垂直居中放大
所有圆加不同元素*/
div{
	width: 300px;
	height: 300px;
	border-radius: 1px solid red;
	border-radius: 50%;
	font-size: 10em;
	text-align: center;
	line-height: 300px;
	/*浮动:靠右，内容数据颠倒过来*/
	float: right;
}
.d1{
	background-color: aliceblue;
}
.d2{
	background-color: royalblue;
}
.d3{
	background-color: greenyellow;
}
.d4{
	background-color: cornflowerblue;
	clear: both;
	margin-right: 75%;
	margin-top: -300px;
}
